<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <link href="../static/lib/bootstrap/css/bootstrap.css" th:href="@{/lib/bootstrap/css/bootstrap.min.css}"
          rel="stylesheet">
    <link href="../static/css/team-login.css" th:href="@{/css/team-login.css}" rel="stylesheet"/>
    <title>欢迎登陆演武创客空间</title>
</head>

<body>
<div class="bg" style=""></div>
<div class=".container center-block">
    <div class="row">
        <!--标题区域-->
        <div class="col-xs-12" style="border-bottom:solid rgb(22,47,102)">
            <img src="../static/img/logo.png" th:src="@{/img/logo.png}" height="140" width="700"/>
        </div>
        <div class="col-xs-12">
            <div class="col-xs-12" style="height: 100px;">

            </div>
            <!--登陆区域-->
            <div class="row">
                <div class="col-xs-7">
                    <div class="col-xs-8 col-xs-offset-1 well">
                        <ul>
                            <li>
                                创客空间团队账号需通过申请分配
                            </li>
                            <li>
                                团队成员共用一个账号登陆
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-4 well">
                    <form id="team-login" th:action="@{/team-management/do-login}" method="post"
                          action="team-login.html">
                        <div class="col-xs-12">
                            <div class="text-center">
                                <label style="font-weight: lighter; font-size: medium">团队账号登录</label>
                            </div>
                            <div class="alert-danger alert"
                                 th:if="${(param.error != null) and (param.error[0] == 'true')}">用户名或密码错误
                            </div>
                            <p>
                            <div class="input-group" aria-label="Left Align">
                                    <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-user" aria-hidden="true">
                                    </span>
                                    </span>
                                <input type="text" class="form-control" id="team-name" placeholder="用户名/Username"
                                       name="username"
                                       value="" th:value="${(param.username == null ? '' : param.username[0])}"
                                       required/>
                            </div>
                            </p>

                            <p>
                            <div class="input-group" aria-label="Left Align">
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-lock" aria-hidden="false"></span>
                                </span>
                                <input type="password" class="form-control" id="team-password" placeholder="密码/Password"
                                       name="password" value="" required/>
                            </div>
                            </p>

                            <p>
                                <!--<div class="checkbox">-->
                                <!--<label>-->
                                <!--<input type="checkbox">一周内免登陆-->
                                <!--</label>-->
                                <!--</div>-->
                                <!--<p>-->
                                <!--</p>-->
                        </div>

                        <p>
                        <div class="col-xs-12">
                            <button class="btn btn-primary navbar-btn btn-block" type="submit" role="button">登陆/Login
                            </button>
                        </div>
                        </p>

                        <p>
                        <div class="col-xs-12">
                            <small>忘记密码?</small>
                        </div>
                        </p>

                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>